<link rel="stylesheet" type="text/css" href="../core/resource/css/diy.css">
<div class="diy-phone">
	<div class="phone-head"></div>
	<div class="phone-body">
		<div class="phone-title" >热点图</div>
		<div class="phone-main">
			<style>
				#poster .drag {position: absolute;background:#e8fcf8;border:1px dashed #00a0e9; min-width:50px;min-height:20px;display: flex;align-items: center;justify-content: center}
				.drag .hotTitle {
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					text-align: center;
					padding: 5px;
					font-size: 14px;
					font-weight: bold;
					line-height: 16px;
					color: #18bc9c;
				}
			</style>
			<div class="fui-picture" style="">
				<div id='poster' style="position:relative; display: block;">
					<img ng-src="{{tomedia({tovalue}.image) || '../core/resource/images/diy/ad/wxhdp02.jpg'}}"/>
					<div class="drag c" ng-repeat="item in {tovalue}.{name}" style="height:{{item.height}}%;width:{{item.width}}%;top:{{item.top}}%;left:{{item.left}}%;">
						<div class="hotTitle">热点{{$index+1}}</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="phone-foot"></div>
</div>